<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>作品发布</title>
<link rel="stylesheet" href="__PUBLIC__/bs3.7/css/bootstrap.css">
<script src="__PUBLIC__/bs3.7/js/jquery.min.js"></script>
<script src="__PUBLIC__/bs3.7/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/bs3.7/js/docs.min.js"></script>
<style type="text/css">
	body{
		background-color: #EFEFEF;
	}
	.header{
		background-color: white;
	}
	.head-blue{
		height:3px;
		background: #50A8FF;
	}
	h2{
		color: #50A8FF;
	}
	.pull-right{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.name{
		
		margin: 15px;
	}	
	 .my-list{
		height:1000px;
		width: 140px;
		border:1px solid #EFEFEF;
	}
	.container{
		background-color: white;
	}
	.body-top{
		margin-top: 22px;
	}
	
	.container{
		padding-right: 0px;
  		padding-left: 0px;
		
	}
	.left-block{
		width:1030px;
		
	}
	.nav-form{
		
		background-color: #f5f5f5;
		padding: 8px 15px;
		
	}
	.book-title{
		outline-color: invert ;
		outline-style: none ;
		outline-width: 0px ;
		border: none ;
		font-size: 30px;
		text-align: center;
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.img-circle{
		width: 50px;
		height:50px;
	}
	
</style>
</head>
<body>
<div class="header">
	<div class="head-blue"></div>
	<div class="container">
		<div class="col-md-2"><h2>作家专区</h2></div>
		
		<div class="pull-right">
			<div class="col-md-3">
			<img alt="" src="{$Think.session.writer.img}" class="img-circle">
			</div>
			<div class="col-md-9">
			<p class="name">{$Think.session.writer.pen_name}</p>
			</div>
		</div>
	</div>
</div>

<!-- ------下边是整个页面的体部分-------------------------- -->
<div class="container body-top">
	
		<div class="my-list pull-left">
			<div class="list-group">
				<a class="list-group-item active" href="__CONTROLLER__/writerHome"><span class="glyphicon glyphicon-folder-open">&nbsp;</span>作品管理</a>
				<a class="list-group-item" href="__CONTROLLER__/writerData"><span class="glyphicon glyphicon-user">&nbsp;</span>作家资料</a>
				<a class="list-group-item" href="__CONTROLLER__/writerMessage"><span class="glyphicon glyphicon-envelope">&nbsp;</span>消息通知</a>
				<a class="list-group-item" href="__CONTROLLER__/writerCount"><span class="glyphicon glyphicon-stats">&nbsp;</span>数据统计</a>
				<a class="list-group-item" href="__CONTROLLER__/writerPassword"><span class="glyphicon glyphicon-lock">&nbsp;</span>更改密码</a>
				<a class="list-group-item" href="__MODULE__/Login/quit"><span class="glyphicon glyphicon-remove-sign">&nbsp;</span>退出登录</a>
			</div>
			
		</div>
	<!-- ---------------------------下面是中间部分------------------------ -->
		<div class="left-block pull-left">
			
			<div>
				<ol class="breadcrumb">
				    <li><a href="__CONTROLLER__/writerHome" class="lead"><h5>作品管理</h5></a></li>
				   <li class="active" class="lead">{$book.bname}</li>
				</ol>
			</div>
		<!-- 标签页 -->
			<ul class="nav nav-tabs">
				<li ><a href="__CONTROLLER__/writerManage/bid/{$book.bid}">草稿箱</a></li>
				<li class="active"><a href="#home2" data-toggle="tab">已发布章节</a></li>
			</ul>
			<div class="tab-content">
				
				<div id="home2" class="tab-pane fade in active">
					<div class="nav-form">
					<ul class="nav nav-pills">
					  <li ><a href="#" class=" btn">删除</a></li>
					  <li><a href="__CONTROLLER__/writerManage/bid/{$book.bid}/cid/{$data.cid}" class=" btn btn-success"><span class="glyphicon glyphicon-ok"></span>修改</a></li>
					  <li > <a href="#" class=" text-center" data-toggle="modal" data-target="#myTab"><span class="glyphicon glyphicon-list"></span></a></li>
					</ul>
						
						
						
					</div>
					<div>
						<form action="#">
							<input type="text" class="form-control book-title" value="{$data.chapter}" readonly="readonly">
							<div class="form-group">
							<textarea rows="50" cols="" class="form-control lead" readonly="readonly">{$content}</textarea>
							</div>
						</form>
					</div>

				
				</div>
			</div>
		</div>
		<!-- ------目录-------------- -->
		<div id="myTab" class="modal fade ">
	<div class="modal-dialog ">
	<div class="modal-content">
		<div class="modal-header">
			<div class="close" data-dismiss="modal">&times;</div>
			<h3 class="">穷查理宝典</h3>
			
		</div>
		<div class="modal-body">
			<volist  name="list" id='vol'>
				<div class="col-md-4 list">
					<a href="__ACTION__/bid/{$book.bid}/cid/{$vol.cid}">{$vol.chapter|mb_substr=###,0,10,"utf-8"}</a>
				</div>
			</volist>
		</div>
		
		<div class="modal-footer"></div>
	</div>
	</div>
	</div>	
	
</div>
</body>
</html>